<!--
 * @Author: upp24 1246815351@qq.com
 * @Date: 2023-03-07 21:05:23
 * @LastEditors: upp24 1246815351@qq.com
 * @LastEditTime: 2023-07-25 18:34:22
 * @FilePath: /pure-admin-thin-i18n/src/views/welcome/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="welcome">
    <el-row>
      <el-col :span="24" class="title">
        <h1>欢迎来到源达后台管理系统</h1>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24" class="image">
        <div style="display: flex; justify-content: center">
          <img src="/hy1.jpg" alt="welcome" style="width: 40%" />
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
.welcome {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.title {
  text-align: center;
  margin: 20px 0;
  font-size: 30px;
  font-weight: bold;
  color: #409eff;
}

.subtitle {
  text-align: center;
  color: #666;
  font-size: 24px;
}

.image {
  margin-top: 20px;
}
</style>
